<!DOCTYPE html>
<html>
    <head>
        <style>
            #svgRoot {
                padding: 15px;
                border: 10px solid grey;
                margin: 5px;
                background-color: blue;
            }
        </style>
    </head>
    <body>
        <p>This test checks that SVG elements are rendered with the correct dimensions under an SVG root element with paddings, borders, and margins.</p>
        <svg id="svgRoot" width="400" height="400" viewbox="0 0 200 200">
            <rect id="svgRect" x="0" y="0" width="100" height="100" fill="green"/>
        </svg>
    </body>
</html>
